<!DOCTYPE html>

<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="HandheldFriendly" content="true">
  <title> 七夕快乐</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/balloon-css/0.5.0/balloon.min.css">
  <link href="https://afeld.github.io/emoji-css/emoji.css" rel="stylesheet">
  <link rel="shortcut icon" href="icon/favicon.ico" type="image/x-icon">
  <link rel="icon" href="favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="css/style.css">
  <meta name="theme-color" content="#F26B38">
</head>

<body>

  <div id="card">
    <div id="card-inside">
      <div class="wrap">
        <center>
          <p class="animated infinite wobble"><b><u>七夕快乐!</b></u>
          </p>
          <center>
            <p> 七夕快乐，哇咔咔！ &nbsp;<i class="em-svg em-blush"></i></p>
            <div class="ge">
              <p>点歌哦😎🌼🌼🌼🎉🌼🌼🌼</p>
              <audio src="audioo/金润吉 - Forever Love (Live).mp3" controls></audio>
              <p>月华如水映佳人，眸光流转似星辰。
                红尘有你相依伴，世事无常亦温存。
                笑语盈盈情意长，芳心默默共缠绵。
                愿执子手度余生，共度风雨迎朝暾。</p>
            </div>
            <p class="signed"><u>love</b><b> <i class="em-svg em-heart"></i></b><b></b> <b>you</b></u></p>
      </div>
    </div>
    <div id="card-front">
      <div class="wrap">
       
        <div class="hua">
          <img src="img/七夕快乐.jpg" alt="image">
        </div>
      </div>
      <button id="open" data-balloon="Click to Open Card !" data-balloon-length="medium" data-balloon-pos="left" data-balloon-visible>&gt;</button>
      <button id="close" data-balloon="! bɿɒɔ ɘƨolɔ oɈ ʞɔilƆ" data-balloon-length="medium" data-balloon-pos="left" data-balloon-visible>&lt;</button>
      <div class="card-front_inside">
        <br> <br> <br>
        <div class="polaroid">
          <div class="img" style="background-image: url('img/miao.jpg')"></div>
        </div>
       </div>
      </div>
      <div class="shadow"></div>
    </div>
  </div>

</body>

</html>

<script src="js/index.js"></script>

</body>

</html>